@import 'app/common/style/variable'; 

:host-context{
    width: 100%;
    height:100%;
}

.container{
    position: absolute;
    width:100%;
    height:100%;    
    background: #fff;
    z-index: 9999;
    background-image: @login-background;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

     .login{
        width: 340px;
        min-width: 340px;
        max-width: 640px; 
        background: #fff;
        border-radius: 6px;
        margin-left: auto;
        margin-right: auto;
        top: 100px;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0px 0px 50px 0px rgba(255,255,255,0.75);
        -moz-box-shadow: 0px 0px 50px 0px rgba(255,255,255,0.75);
        box-shadow: 0px 0px 50px 0px rgba(255,255,255,0.75);

        .form{
            padding: 15px;

            h2{
                margin-top:0;
                margin-bottom: 16px;
            }

        }

        .action{
            background:@normal-background;
            border-top:solid 1px darken(@normal-background,20%);
            height:auto;
            padding:10px;
            text-align: right;
        }

    }

form{
 margin:0;
 bottom:0;   
}


}

.ui-grid-row{
    margin-bottom: 6px;
}

.error-tip{
    padding-top:6px;
}

